﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/index.css">
		<script type="text/javascript" src="js/public.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<title></title>
	</head>

	<body >
		<header>
			<div class="top-menu-warp">
				<nav id="top-menu">
					<div id="logo">
					</div>
					<ul class="list">
						<li>
							<a class="item choose">
								发现音乐
								<div class="sub-cor"></div>
							</a>

						</li>
						<li>
							<a class="item">
								我的音乐
								<div class="sub-cor"></div>
							</a>
						</li>
						<li>
							<a class="item">
								朋友
								<div class="sub-cor"></div>
							</a>
						</li>
						<li>
							<a class="item">
								商城
								<div class="sub-cor"></div>
							</a>
						</li>
						<li>
							<a class="item">
								音乐人
								<div class="sub-cor"></div>
							</a>
						</li>
						<li>
							<a class="item">
								下载客户端
								<div class="sub-cor"></div>
							</a>
						</li>
					</ul>
					<div id="login">
						<a href="javascript:void(0)">登录</a>
					</div>
					<div id="creater">
						<a>创作者中心</a>
					</div>
					<div id="search">
						<input type="text" size="15" placeholder="音乐/视频/电台/用户">
					</div>

				</nav>
			</div>
			<div class="bottom-menu-warp">
				<nav id="bottom-menu">
					<ul class="list">
						<li>
							<a class="item choose"><span>推荐</em></a>
						</li>
						<li>
							<a class="item"><span>排行榜</em></a>
						</li>
						<li>
							<a class="item"><span>歌单</em></a>
						</li>
						<li>
							<a class="item"><span>主播电台</em></a>
						</li>
						<li>
							<a class="item"><span>歌手</em></a>
						</li>
						<li>
							<a class="item"><span>新碟上架</em></a>
						</li>
					</ul>
				</nav>
			</div>
		</header>
		<iframe src="recommend.html" scrolling="no" frameborder="no"></iframe>
		<footer>
			<div class="content">
				<div class='icon'>
					<a href="javascript:void(0)"></a>
					<span></span>
				</div>
				<div class='icon'>
					<a href="javascript:void(0)"></a>
					<span></span>
				</div>
				<div class='icon'>
					<a href="javascript:void(0)"></a>
					<span></span>
				</div>
				<div class='icon'>
					<a href="javascript:void(0)"></a>
					<span></span>
				</div>
				<p class="grey">
					<a class="grey" href="javascript:void(0)">服务条款</a>
					<span>|</span>
					<a class="grey" href="javascript:void(0)">隐私政策</a> 
					<span>|</span>
					<a class="grey" href="javascript:void(0)">儿童隐私政策</a>
					<span>|</span>
					<a class="grey" href="javascript:void(0)">版权投诉</a>
					<span>|</span>
					<a class="grey" href="javascript:void(0)">指引意见反馈</a>
					<span>|</span>
				</p>
				<p class="bgrey">
					网易公司版权所有©1997-2020<span></span>
					杭州乐读科技有限公司运营：<a class="bgrey" href="javascript:void(0)">浙网文[2018]3506-263号</a>
				</p>
				<p class="bgrey">
					违法和不良信息举报电话：0571-89853516 <span></span>
					举报邮箱：<a class="bgrey" href="javascript:void(0)">ncm5990@163.com</a>
				</p>
				<p class="bgrey">
					粤B2-20090191-18<span></span>
					<a class="bgrey" href="javascript:void(0)">工业和信息化部备案关丽丽系统网站</a>
				</p>
			</div>
		</footer>
		<a id="tohead" href="#"></a>
	</body>
			

</html>